﻿<!DOCTYPE html>
<html>
  <head>
    <title>1_2闹钟响起</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/1_2闹钟响起/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/1_2闹钟响起/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (闹钟页) -->

      <!-- Rectangle (矩形) -->
      <div id="u802" class="ax_default _形状" data-label="Rectangle">
        <div id="u802_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u803" class="ax_default _形状" data-label="Rectangle">
        <div id="u803_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u804" class="ax_default _形状" data-label="Rectangle">
        <img id="u804_img" class="img " src="images/1_闹钟首页/rectangle_u33.png"/>
        <div id="u804_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u805" class="ax_default _形状" data-label="Rectangle">
        <img id="u805_img" class="img " src="images/1_闹钟首页/rectangle_u34.png"/>
        <div id="u805_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u806" class="ax_default" data-left="103" data-top="22" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u807" class="ax_default _形状">
          <div id="u807_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u808" class="ax_default" data-left="110" data-top="37" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u809" class="ax_default _形状">
            <img id="u809_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u810" class="ax_default _形状">
            <img id="u810_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u811" class="ax_default _形状">
            <img id="u811_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u812" class="ax_default _形状">
            <img id="u812_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u813" class="ax_default _形状">
            <img id="u813_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u814" class="ax_default" data-left="441" data-top="34" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u815" class="ax_default _形状">
            <div id="u815_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u816" class="ax_default _形状">
            <div id="u816_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u817" class="ax_default _形状">
            <div id="u817_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u818" class="ax_default _文本段落" data-label="Header 2">
        <div id="u818_div" class=""></div>
        <div id="u818_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u819" class="ax_default _文本段落" data-label="Header 2">
        <div id="u819_div" class=""></div>
        <div id="u819_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u820" class="ax_default _文本段落" data-label="Header 2">
        <div id="u820_div" class=""></div>
        <div id="u820_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u821" class="ax_default _形状" data-label="Rectangle">
        <img id="u821_img" class="img " src="images/1_闹钟首页/rectangle_u123.png"/>
        <div id="u821_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u822" class="ax_default placeholder">
        <img id="u822_img" class="img " src="images/1_2闹钟响起/u822.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u823" class="ax_default _一级标题">
        <div id="u823_div" class=""></div>
        <div id="u823_text" class="text ">
          <p><span>Good Morning</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u824" class="ax_default _二级标题">
        <div id="u824_div" class=""></div>
        <div id="u824_text" class="text ">
          <p><span>30度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u825" class="ax_default _二级标题">
        <div id="u825_div" class=""></div>
        <div id="u825_text" class="text ">
          <p><span>晴</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u826" class="ax_default _一级标题">
        <div id="u826_div" class=""></div>
        <div id="u826_text" class="text ">
          <p><span>上午8:20</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u827" class="ax_default placeholder">
        <img id="u827_img" class="img " src="images/1_2闹钟响起/u827.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u828" class="ax_default _二级标题">
        <div id="u828_div" class=""></div>
        <div id="u828_text" class="text ">
          <p><span>备忘录内容</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u829" class="ax_default button">
        <div id="u829_div" class=""></div>
        <div id="u829_text" class="text ">
          <p><span>点击屏幕小睡</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u830" class="ax_default _一级标题">
        <div id="u830_div" class=""></div>
        <div id="u830_text" class="text ">
          <p><span>^</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u831" class="ax_default _二级标题">
        <div id="u831_div" class=""></div>
        <div id="u831_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u832" class="ax_default sticky_3">
        <div id="u832_div" class=""></div>
        <div id="u832_text" class="text ">
          <p><span>1. 闹铃从弱至强逐渐响起</span></p><p><span><br></span></p><p><span>2. 闹钟响起，根据当前时间，显示问候语：</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 上午3-12点&nbsp; —— Good Morning</span></p><p><span>&nbsp;&nbsp;&nbsp; </span></p><p><span>&nbsp;&nbsp;&nbsp; 下午1-6点——Good Afternoon</span></p><p><span><br></span></p><p><span>&nbsp;&nbsp;&nbsp; 下午7点-上午2点 ——Good Evening</span></p><p><span><br></span></p><p><span>3. 屏幕背景显示当前天气情况；文字显示气温、天气预报、备忘录内容</span></p><p><span><br></span></p><p><span>4. 显示的当前时间，取设备系统时间</span></p><p><span><br></span></p><p><span>5. 闹钟停止：从下往上滑动，停止闹钟，或按Home控件，停止闹钟，跳转至【闹钟首页】页面</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u833" class="ax_default _一级标题">
        <div id="u833_div" class=""></div>
        <div id="u833_text" class="text ">
          <p><span>闹钟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u834" class="ax_default _一级标题">
        <div id="u834_div" class=""></div>
        <div id="u834_text" class="text ">
          <p><span>闹钟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u835" class="ax_default sticky_3">
        <div id="u835_div" class=""></div>
        <div id="u835_text" class="text ">
          <p><span>默认工作日（周一至周五），闹钟响起时设备闪光灯以呼吸灯样式闪烁；周末（周六至周日），闹钟响起时无灯光</span></p><p><span><br></span></p><p><span>相关设置见【周末】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u836" class="ax_default _一级标题">
        <div id="u836_div" class=""></div>
        <div id="u836_text" class="text ">
          <p><span>闹钟响起：周末功能</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u837" class="ax_default sticky_3">
        <div id="u837_div" class=""></div>
        <div id="u837_text" class="text ">
          <p><span>用户上划停止闹钟动作后，根据当前天气预报情况，响起对应模拟声音，默认响起5秒钟：</span></p><p><span><br></span></p><p><span>晴天——鸟叫</span></p><p><span><br></span></p><p><span>多云——雷声</span></p><p><span><br></span></p><p><span>阴天——雷声</span></p><p><span><br></span></p><p><span>雨——雨声</span></p><p><span><br></span></p><p><span>雷阵雨——雨声+雷声</span></p><p><span><br></span></p><p><span>大风——风声</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u838" class="ax_default _一级标题">
        <div id="u838_div" class=""></div>
        <div id="u838_text" class="text ">
          <p><span>闹钟响起：天气功能</span></p>
        </div>
      </div>

      <!-- Unnamed (闹钟页) -->

      <!-- Rectangle (矩形) -->
      <div id="u840" class="ax_default _形状" data-label="Rectangle">
        <div id="u840_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u841" class="ax_default _形状" data-label="Rectangle">
        <div id="u841_div" class=""></div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u842" class="ax_default _形状" data-label="Rectangle">
        <img id="u842_img" class="img " src="images/1_闹钟首页/rectangle_u33.png"/>
        <div id="u842_text" class="text ">
          <p><span>闹钟</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u843" class="ax_default _形状" data-label="Rectangle">
        <img id="u843_img" class="img " src="images/1_闹钟首页/rectangle_u34.png"/>
        <div id="u843_text" class="text ">
          <p><span>设置</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u844" class="ax_default" data-left="103" data-top="22" data-width="376" data-height="40">

        <!-- Unnamed (矩形) -->
        <div id="u845" class="ax_default _形状">
          <div id="u845_div" class=""></div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u846" class="ax_default" data-left="110" data-top="37" data-width="46" data-height="8">

          <!-- Unnamed (矩形) -->
          <div id="u847" class="ax_default _形状">
            <img id="u847_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u848" class="ax_default _形状">
            <img id="u848_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u849" class="ax_default _形状">
            <img id="u849_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u850" class="ax_default _形状">
            <img id="u850_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u851" class="ax_default _形状">
            <img id="u851_img" class="img " src="images/1_闹钟首页/u37.png"/>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u852" class="ax_default" data-left="441" data-top="34" data-width="31" data-height="17">

          <!-- Unnamed (矩形) -->
          <div id="u853" class="ax_default _形状">
            <div id="u853_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u854" class="ax_default _形状">
            <div id="u854_div" class=""></div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u855" class="ax_default _形状">
            <div id="u855_div" class=""></div>
          </div>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u856" class="ax_default _文本段落" data-label="Header 2">
        <div id="u856_div" class=""></div>
        <div id="u856_text" class="text ">
          <p><span>MUX</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u857" class="ax_default _文本段落" data-label="Header 2">
        <div id="u857_div" class=""></div>
        <div id="u857_text" class="text ">
          <p><span>10:30 PM</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u858" class="ax_default _文本段落" data-label="Header 2">
        <div id="u858_div" class=""></div>
        <div id="u858_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Rectangle (矩形) -->
      <div id="u859" class="ax_default _形状" data-label="Rectangle">
        <img id="u859_img" class="img " src="images/1_闹钟首页/rectangle_u123.png"/>
        <div id="u859_text" class="text ">
          <p><span>天气</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u860" class="ax_default placeholder">
        <img id="u860_img" class="img " src="images/1_2闹钟响起/u860.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u861" class="ax_default _一级标题">
        <div id="u861_div" class=""></div>
        <div id="u861_text" class="text ">
          <p><span>Good Morning</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u862" class="ax_default _二级标题">
        <div id="u862_div" class=""></div>
        <div id="u862_text" class="text ">
          <p><span>30度</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u863" class="ax_default _二级标题">
        <div id="u863_div" class=""></div>
        <div id="u863_text" class="text ">
          <p><span>晴</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u864" class="ax_default _一级标题">
        <div id="u864_div" class=""></div>
        <div id="u864_text" class="text ">
          <p><span>上午8:20</span></p>
        </div>
      </div>

      <!-- Unnamed (占位符) -->
      <div id="u865" class="ax_default placeholder">
        <img id="u865_img" class="img " src="images/1_2闹钟响起/u827.png"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u866" class="ax_default _二级标题">
        <div id="u866_div" class=""></div>
        <div id="u866_text" class="text ">
          <p><span>备忘录内容</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u867" class="ax_default _一级标题">
        <div id="u867_div" class=""></div>
        <div id="u867_text" class="text ">
          <p><span>^</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u868" class="ax_default _二级标题">
        <div id="u868_div" class=""></div>
        <div id="u868_text" class="text ">
          <p><span>停止</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u869" class="ax_default _二级标题">
        <div id="u869_div" class=""></div>
        <div id="u869_text" class="text ">
          <p><span>再小睡3:00</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u870" class="ax_default sticky_3">
        <div id="u870_div" class=""></div>
        <div id="u870_text" class="text ">
          <p><span>1.在【闹钟响起】页面，点击屏幕任意位置，可延迟闹钟响起时间。此时所有闹钟叫醒动作停止，屏幕显示“再小睡 X分X秒”，并倒计时；计时结束时闹钟响起，显示【闹钟响起】页面，直至用户再次延迟/停止闹钟。</span></p><p><span><br></span></p><p><span><br></span></p><p><span><br></span></p><p><span>2. 用户也可选择通过按手机侧面音量控件延迟闹钟响起时间，具体设置见【小睡】</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u871" class="ax_default _一级标题">
        <div id="u871_div" class=""></div>
        <div id="u871_text" class="text ">
          <p><span>闹钟延迟响起</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u872" class="ax_default image">
        <img id="u872_img" class="img " src="images/1_1_1重复/u553.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u873" class="ax_default _文本段落" data-label="Header 2">
        <div id="u873_div" class=""></div>
        <div id="u873_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u874" class="ax_default _文本段落" data-label="Header 2">
        <div id="u874_div" class=""></div>
        <div id="u874_text" class="text ">
          <p><span>上滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u875" class="ax_default image">
        <img id="u875_img" class="img " src="images/1_2闹钟响起/u875.png"/>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u876" class="ax_default image">
        <img id="u876_img" class="img " src="images/1_2闹钟响起/u875.png"/>
      </div>

      <!-- Header 2 (矩形) -->
      <div id="u877" class="ax_default _文本段落" data-label="Header 2">
        <div id="u877_div" class=""></div>
        <div id="u877_text" class="text ">
          <p><span>上滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u878" class="ax_default _一级标题">
        <div id="u878_div" class=""></div>
        <div id="u878_text" class="text ">
          <p><span>闹钟延迟响起</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
